import {observer} from 'mobx-react-lite';
import {
  Path,
  Rect,
  G,
  SvgProps,
  Defs,
  Stop,
  LinearGradient,
  Circle,
  ClipPath,
  Svg,
} from 'react-native-svg';
import {useGlobalStore} from '../../mobx';
import {getColorStr} from '../../themes';
import {IconProps} from './types';

export const SvgRank = observer((props: IconProps) => {
  const {theme} = useGlobalStore();
  return (
    <Svg width="33" height="32" viewBox="0 0 33 32" fill="none">
      <Circle
        cx="7.24819"
        cy="7.24819"
        r="7.24819"
        transform="matrix(0.948232 -0.317579 -0.317579 -0.948232 5.50372 32)"
        fill="url(#paint0_linear_1347_19773)"
      />
      <Path
        d="M6.5991 10.2536H6.61212H7.97755H7.99057V10.2666V14.2184C7.9899 14.9605 8.08684 15.6994 8.27889 16.4162L8.28667 16.4453L8.26016 16.4311C7.98718 16.2849 7.73723 16.0993 7.5184 15.8802L7.52761 15.871L7.51843 15.8802C7.22609 15.5896 6.99431 15.2439 6.83651 14.863C6.67871 14.4822 6.59801 14.0739 6.5991 13.6617C6.5991 13.6617 6.5991 13.6617 6.5991 13.6616M6.5991 10.2536L6.61212 13.6617L6.5991 13.6616M6.5991 10.2536V10.2666L6.5991 13.6616M6.5991 10.2536L6.5991 13.6616M9.78718 14.2189C9.78511 15.2537 10.0246 16.2748 10.4866 17.2008L10.4865 17.2009L10.4874 17.2022C10.5225 17.2552 10.5518 17.3117 10.5749 17.3708L10.5748 17.3709L10.5756 17.3723C11.1479 18.4358 11.9973 19.3247 13.0338 19.9448C14.0708 20.5651 15.6495 20.8929 16.8565 20.8942C18.6266 20.8942 20.5614 20.1912 21.8137 18.9389C23.0657 17.6869 23.7691 15.9889 23.7692 14.2184V5.06735C23.769 4.91064 23.7066 4.76043 23.5958 4.64963C23.4851 4.53884 23.3348 4.4765 23.1782 4.47629L10.3782 4.4763H10.3782C10.2215 4.47651 10.0713 4.53885 9.96052 4.64965C9.84973 4.76044 9.78739 4.91065 9.78718 5.06734V5.06736V14.2189ZM9.78718 14.2189L9.8002 14.2189M9.78718 14.2189V14.2189H9.8002M9.8002 14.2189C9.79813 15.2517 10.0372 16.2708 10.4983 17.195L9.8002 14.2189ZM25.5668 8.44368V8.4567H25.5799H27.9431C28.1812 8.45675 28.4096 8.55137 28.578 8.71977L28.5872 8.71056L28.578 8.71977C28.6615 8.80317 28.7277 8.9022 28.7729 9.01119C28.8181 9.12019 28.8413 9.23701 28.8414 9.355V13.6145C28.8413 14.847 28.3843 16.0357 27.5588 16.9509C26.7332 17.866 25.5977 18.4426 24.3717 18.5691L24.3708 18.5604L24.3618 18.5753C23.688 19.6976 22.7636 20.6488 21.661 21.3545C20.5588 22.0599 19.0707 22.5011 17.7688 22.643L17.7571 22.6443L17.7572 22.656L17.7772 27.5068L17.7773 27.5198H17.7902H25.2032C25.4415 27.5198 25.6699 27.6144 25.8384 27.7829C26.0069 27.9514 26.1015 28.1799 26.1015 28.4181C26.1015 28.6564 26.0069 28.8848 25.8384 29.0533C25.6699 29.2218 25.4415 29.3164 25.2032 29.3164H16.9615V29.3164L16.9603 29.3165C16.9345 29.3188 16.9089 29.3203 16.8833 29.3203H16.8807C16.8535 29.3203 16.8266 29.319 16.8 29.3165L16.8 29.3164H16.7987H8.59679C8.35855 29.3164 8.13006 29.2218 7.9616 29.0533C7.79313 28.8848 7.69849 28.6564 7.69849 28.4181C7.69849 28.1799 7.79313 27.9514 7.9616 27.7829C8.13006 27.6144 8.35855 27.5198 8.59679 27.5198H15.9676H15.9807L15.9806 27.5067L15.9606 22.6554L15.9605 22.6437L15.9489 22.6425C15.125 22.5554 13.9263 22.347 13.1649 22.0245C11.5087 21.3223 10.1178 20.113 9.19218 18.5704L9.19939 18.5661L9.18248 18.5642C7.97771 18.4279 6.86527 17.8529 6.05745 16.9487C5.24963 16.0446 4.80299 14.8747 4.80275 13.6622V9.35553C4.80275 9.11729 4.8974 8.8888 5.06586 8.72034C5.23433 8.55187 5.46281 8.45723 5.70106 8.45723H7.97755H7.99057V8.44421V5.06737C7.99125 4.43433 8.24303 3.82741 8.69066 3.37978C9.13829 2.93216 9.74521 2.68038 10.3783 2.67969L23.1781 2.67968C23.8113 2.68009 24.4185 2.93175 24.8664 3.37941C25.3142 3.82706 25.5662 4.43414 25.5668 5.06735V8.44368ZM25.2699 16.4472L25.2623 16.4753L25.2884 16.4622C25.8159 16.1965 26.2594 15.7896 26.5694 15.2869C26.8795 14.7841 27.0441 14.2052 27.0448 13.6145V10.2668V10.2538H27.0317H25.5796H25.5666V10.2668V14.2183C25.5673 14.9712 25.4675 15.7207 25.2699 16.4472Z"
        fill={getColorStr(theme, 'color_31')}
        stroke={getColorStr(theme, 'color_31')}
        strokeWidth="0.0260417"
      />
      <Rect
        x="26.2039"
        y="27.4667"
        width="1.86667"
        height="18.6078"
        rx="0.933333"
        transform="rotate(90 26.2039 27.4667)"
        fill={getColorStr(theme, 'color_31')}
      />
      <Path
        d="M17.7233 14.3496L17.7232 14.3366L17.7021 7.91497L17.7021 7.91494M17.7233 14.3496L16.1602 7.27489C16.2874 7.14795 16.4493 7.06147 16.6256 7.02631C16.8018 6.99115 16.9845 7.00889 17.1507 7.07729C17.3169 7.14569 17.4592 7.2617 17.5596 7.41074C17.66 7.55978 17.7142 7.73518 17.7152 7.9149L17.7021 7.91494M17.7233 14.3496H17.7363M17.7233 14.3496H17.7363M17.7021 7.91494C17.7011 7.7378 17.6478 7.56491 17.5488 7.41802C17.4498 7.27111 17.3096 7.15675 17.1458 7.08933C16.9819 7.0219 16.8018 7.00442 16.6281 7.03908C16.4544 7.07373 16.2948 7.15898 16.1694 7.28409L17.7021 7.91494ZM17.7363 14.3496H18.4914C18.7296 14.3496 18.9581 14.4442 19.1265 14.6127C19.295 14.7811 19.3897 15.0096 19.3897 15.2479C19.3897 15.4861 19.295 15.7146 19.1265 15.8831C18.9581 16.0515 18.7296 16.1462 18.4914 16.1462H15.1528C14.9145 16.1462 14.686 16.0515 14.5176 15.8831C14.3491 15.7146 14.2545 15.4861 14.2545 15.2479C14.2545 15.0096 14.3491 14.7811 14.5176 14.6127C14.686 14.4442 14.9145 14.3496 15.1528 14.3496H15.9144H15.9274L15.9274 14.3365L15.9154 10.0937L15.9154 10.0684M17.7363 14.3496L15.9154 10.0684M15.9154 10.0684L15.8948 10.0832M15.9154 10.0684L15.8948 10.0832M15.8948 10.0832C15.712 10.2148 15.4865 10.2729 15.2629 10.246C15.0392 10.2191 14.8339 10.1093 14.6875 9.93814C14.541 9.76701 14.4642 9.54713 14.4723 9.32205C14.4803 9.09699 14.5726 8.88316 14.7308 8.72292C14.7308 8.72291 14.7308 8.7229 14.7309 8.72289M15.8948 10.0832L14.7309 8.72289M14.7309 8.72289L16.1694 7.2841L14.7309 8.72289Z"
        fill={getColorStr(theme, 'color_1')}
        stroke={getColorStr(theme, 'color_31')}
        strokeWidth="0.0260417"
      />
      <Defs>
        <LinearGradient
          id="paint0_linear_1347_19773"
          x1="7.24819"
          y1="0"
          x2="7.24819"
          y2="14.4964"
          gradientUnits="userSpaceOnUse">
          <Stop stopColor={getColorStr(theme, 'color_2')} />
          <Stop offset="1" stopColor={getColorStr(theme, 'color_1')} />
        </LinearGradient>
      </Defs>
    </Svg>
  );
});
